<template>
  <div class="home">
    <img class="bg" src="../assets/bg.png" alt />
    <div @click="$router.push('/diyiguan')">
      <img class="zw" src="../assets/zhiwen.png" alt />
      <img class="sm" src="../assets/saomiao.png" alt />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.home {
  overflow: hidden;
  height: 568px;
}
.bg {
  width: 320px;
  height: 568px;
}
.zw {
  position: absolute;
  height: 180px;
  width: 127px;
  bottom: 80px;
  left: 104px;
}
.sm {
  position: absolute;
  width: 127px;
  bottom: 220px;
  left: 105px;
  animation: smy 1.5s linear infinite;
}
@keyframes smy {
  from {
    bottom: 220px;
  }
  to {
    bottom: 85px;
  }
}
</style>
